<html>
<head>
<title>JQzoom Demo</title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>

<link rel="stylesheet" href="css/jqzoom.css" type="text/css">

<script type="text/javascript">

$(function() {
	var options = {
	    zoomWidth: 350,
	    zoomHeight: 250,
		xOffset: 10,
		yOffset: 0,
	    showEffect:'show',
		hideEffect:'fadeout',
		fadeoutSpeed: 'slow',
		
		position: "right" //and MORE OPTIONS
	};

	$(".jqzoom").jqzoom(options);
});
</script>
</head>

<body>
<div id="content" style="margin-top:50px;margin-left:50px;">
<a href="upfile/kawasakigreen.jpg" class="jqzoom" style="" title="Kawasaki">
	<img src="upfile/product.jpg"  title="kawasakigreen" style="border: 1px solid #666;">
</a>
<br>

</div>
</body></html>